var i=0;
$(document).ready(function(){
   hideP();
   showP();
   moveD();
   slideU();
});

function slideU(){
   $("#ulshow").click(function(){
      
      $("ul").slideToggle();
   });
}

function hideP(){
  $("#hide").click(function(){
    $("#test").hide();
    $("#tips").text("↓↓他它跑了↓↓");
  });
}

function showP(){
   $("#show").click(function(){
     $("#test").text("哈哈我又回来了！");
     
     $("#test").fadeIn(2000);
  });
}


function moveD(){
   $("#move").click(function(){
     if(i<3){
        downD();
        i++;
     }else if(i<4){
        upD();
        i++;
     }else{
        $("#colorDiv").animate({
         height:'-=50px'
      });
        i=0;
     }
    
  });
}

function downD(){

   $("#colorDiv").animate({
         height:'+=50px'
   });
   $("#colorDiv").animate({
         left:'+=50px'         
       });
   $("#colorDiv").animate({
         width:'+=50px'
   });
} 

function upD(){
   $("#colorDiv").animate({
         left:'-=150px',
         height:'-=100px',
         width:'-=150px'
       });
}